<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
</head>
<body>
<input type="text" id="appid" value="${appid}"/>
<input type="text" id="nonceStr" value="${nonceStr}"/>
<input type="text" id="timestamp" value="${timestamp}"/>
<input type="text" id="signature" value="${signature}"/>
<input type="button" value="扫一扫" id="scanQRCode"></input>
</body>
<script type="text/javascript">
function getQueryString(name) {
    var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
    return null;
}
$(function(){
    var appid = getQueryString("appid");//签名
	var timestamp = getQueryString("timestamp");//时间戳
	var nonceStr = getQueryString("nonceStr");//随机串
	var signature = getQueryString("signature");//签名
    $("#appid").val(appid);
    $("#timestamp").val(timestamp);
    $("#nonceStr").val(nonceStr);
    $("#signature").val(signature);
	wx.config({
	      debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
	      appId: 'wx2446d421da17d19e', // 必填，公众号的唯一标识
	      timestamp: '1456223629', // 必填，生成签名的时间戳
	      nonceStr: 'aB4nak2PAKdE0sCn', // 必填，生成签名的随机串
	      signature: 'b64cb8973a1c1e225e85d9ae62e11cf0e52e5d1e',// 必填，签名，见附录1
	      jsApiList: ['scanQRCode'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
	  });
	//点击扫描按钮，扫描二维码并返回结果
    $('#scanQRCode').click(function(){
        wx.scanQRCode({
          needResult: 1,
          desc: 'scanQRCode desc',
          success: function (res) {
                //扫码后获取结果参数:htpp://xxx.com/c/?6123，截取到url中的防伪码后，赋值给Input
                var url = res.resultStr;
                alert(url);
                var tempArray = url.split('?');
                var tempNum = tempArray[1];
                $("#id_securityCode_input").val(tempNum);
                 
          }
        });
    });    
});
</script>
</html>